<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>制作简易的当当购物车页面</title>
    <link type="text/css" rel="stylesheet" href="css/cartStyle.css" />
</head>
<body>

<div class="content">
    <div class="logo">
        <img src="img/handson1/dd_logo.jpg"><span onclick="window.close()">关闭</span>
    </div>
    <div class="cartList">
        <ul>
            <li onclick="yiru()">移入收藏</li>
            <script type="text/javascript">
            	function yiru(){
            	var fal =confirm("移入收藏后，将不再购物车显示，是否继续？");
            	if(fal==true){
            		alert("移入收藏成功！");
            	}
            	}
            </script>
            
            <li onclick="shanchu()">删除</li>
            <script type="text/javascript">
            	function shanchu(){
            	var fal =confirm("您确定删除商品吗？");
            	if(fal==true){
            		alert("删除成功！");
            	}
            	}
            </script>
             <li onclick="yiru()">移入收藏</li>
            <script type="text/javascript">
            	function yiru(){
            	var fal =confirm("移入收藏后，将不再购物车显示，是否继续？");
            	if(fal==true){
            		alert("移入收藏成功！");
            	}
            	}
            </script>
            
            <li onclick="shanchu()">删除</li>
            <script type="text/javascript">
            	function shanchu(){
            	var fal =confirm("您确定删除商品吗？");
            	if(fal==true){
            		alert("删除成功！");
            	}
            	}
            </script>
            <li onclick="jisuan()"><span>结 算</span></li>
            <script type="text/javascript">
            	function jisuan(){
            	var fal =confirm("您本次购买的商品信息如下：" 
            	+ "\n" + "商品名称：白岩松：白说、岛上书店；"
            	+ "\n" + "商品数量：2件；"
            	+ "\n" + "商品总计：46.00；"
            	+ "\n" + "运费：0元；"
            	+ "\n" + "请确认以上信息是否有误！！！");
            	if(fal==true){
            		alert("您的订单已提交");
            	}
            	}
            </script>
        </ul>
    </div>
</div>
</body>
</html>